body.login{
    background:#627aad
}
#login {
    width:300px;
    margin:100px auto
}

#login .logo a{
    display:block;
    width:300px;
    height:30px;
    margin-bottom:30px;
    -o-transition:all .7s;
    -moz-transition:all .7s;
    -webkit-transition:all .7s;
    transition:all .7s;opacity:1
}

#login .logo a:hover{
    opacity:.7
}
#login>span{
    display:block;
    margin:25px 0 0;
    font-size:12px;
    color:#fff
}
#login>span a{
    color:#fff;
    margin:0 5px
}
.wrapper-login{
    margin-bottom:20px
}
.wrapper-login .input-icon{
    position:relative;
    display:block
}
.wrapper-login input{
    display:block;
    border:none;
    width:100%;
    height:43px;
    padding-left:60px!important;
    font-size:15px;
    color:#96999f;
    line-height:43px;
    border-bottom:1px solid #e5e7e8;
    font-weight:500;
    background:#f7f7f7
}
.wrapper-login .input-icon i{
    width:47px;
    font-size:20px;
    padding-left:15px;
    border-right:#e5e7e8 solid 1px;
    line-height:42px;
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    color:#627aad;
    background-color:#f5f5f5
}
.wrapper-login .input-icon span.glyphicon{position:absolute;right:15px;top:15px;display:inline-block}
.login-button,.reg-button{
    display:block;
    height:43px;
    width:300px;
    line-height:43px;
    color:#627aad;
    font-size:15px;
    font-weight:500;
    background:#fff;
    border-radius:3px;
    border:none;
    -o-transition:all 160ms;
    -moz-transition:all 160ms;
    -webkit-transition:all 160ms;
    transition:all 160ms
}

